<template>
	<view class="floor">
		<image class="floorImg" :src="floor.titlePicUrl" mode=""></image>
		<scroll-view class="floorScroll" scroll-x="true" enable-flex>
			<view class="Item" v-for="(item,index) in floor.itemList" :key="item.id">
				<image class="ItemImg" :src="item.listPicUrl" mode=""></image>
				<text class="ItemText">{{item.name}}</text>
			</view>
			<view class="Item single">
				查看更多>>
			</view>
		</scroll-view>
	</view>
</template>

<script>
	export default {
		props:['floor']
	}
</script>

<style lang="stylus">
	.floor
		.floorImg
			width 100%
			height 350rpx
		.floorScroll
			height 300rpx
			display  flex
			.Item
				width 200rpx
				margin-right 20rpx
				&.single
					width 200rpx
					height 300rpx
					line-height 300rpx
					text-align center
					flex-shrink 0
				.ItemImg
					width 200rpx
					height 200rpx
				.ItemText
					font-size 26rpx
					display: -webkit-box;
					-webkit-box-orient: vertical;
					-webkit-line-clamp: 2;   /** 多行文本溢出...*/
					overflow: hidden; 
					
					
</style>
